<!DOCTYPE html>
<html>
<head>
    <link rel="icon" href="/static/img/favicon.ico" type="image/x-icon"/>
    <title>{{ result.title }}</title>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="{{ result.category }}">
    <meta name="description"
          content="云禾分发平台提供{{ result.category }}，{{ result.category }}攻略，{{ result.category }}资讯，为更多网贷老哥解决贷款难题，让贷款困难的用户更轻松地借款。">
    <meta name="applicable-device" content="pc,mobile">
    <link rel="stylesheet" href="/static/css/myPagination.css">
    <link rel="stylesheet" href="/static/css/common.css">
    <link rel="stylesheet" href="/static/css/article_list.css">
    <link rel="canonical" href="{{ result.host }}/app/article">
</head>

<body>
<!--导航栏-->
{% include 'head.html' %}
<div class="navigator container">
    <ul>
        <li>
            当前位置：<a href="{{ result.host }}/" target="_blank">云禾分发</a>
        </li>
        <li>
            {{ result.category }}
        </li>
    </ul>
</div>
<main>
    <div class="container">
        <h1 style="display: none">{{ result.category }}</h1>
        <div class="col_left">
        <!-- 内容页广告 -->
        <div>
            <script src='https://t.88w.co/s.php?id=46'></script>
        </div><br><br>
            {% if data_list %}
                <ul class="article_list">
                    {% for data in result.data %}
                        <li class="list">
                            <article>
                                <a href="{{ result.host }}/app/article/{{ data.id }}.html" title="{{ data.title }}"
                                   class="title" target="_blank">{{ data.title }}</a>
                                <div class="info">
                                    {#                                    <span>来源：{{ data.site }}</span>#}
                                    {#                                    <span>时间：{{ data.add_time|date:"Y-m-d H:i:s" }}</span>#}
                                </div>
                            </article>
                        </li>
                    {% endfor %}
                </ul>
                <div id="pageBox" class="pagination"></div>
            {% else %}
                <p style="text-align: center;padding: 50px 0;color: #666;font-size: 14px;">暂无数据</p>
            {% endif %}
        </div>
        <div class="col_right">
            <div class="news new_news">
                <h2>热门APP</h2>
                <ul class="news_list linked_app">
                    {% for data in result.hot_app_list %}
                        <li title="{{ data.title }}">
                            <a href="{{ result.host }}/app/{{ data.id }}.html" target="_blank">
                                <img src="{{ data.icon_link }}" alt="{{ data.title }}">
                                <span class="title">{{ data.title }}</span>
                            </a>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        <!--广告位【右1】-->
            <div class="news new_news">
                <script src='https://t.88w.co/s.php?id=20'></script>
            </div>
            <div class="news new_news">
                <h2>最新文章</h2>
                <ul class="news_list">
                    {% for data in result.latest_articles %}
                        <li title="{{ data.title }}">
                            <span class="index">{{ forloop.counter }}</span>
                            <a href="{{ result.host }}/app/article/{{ data.id }}.html"
                               class="title" target="_blank">{{ data.title }}</a>
                            <span class="date">{{ data.add_time|date:"Y-m-d H:i:s" }}</span>
                        </li>
                    {% endfor %}
                </ul>
            </div>
            <div class="news hot_news">
                <h2>热点文章</h2>
                <ul class="news_list">
                    {% for data in result.hot_articles %}
                        <li title="{{ data.title }}">
                            <span class="index">{{ forloop.counter }}</span>
                            <a target="_blank" href="{{ result.host }}/app/article/{{ data.id }}.html"
                               class="title">{{ data.title }}</a>
                            <span class="date">{{ data.add_time|date:"Y-m-d H:i:s" }}</span>
                        </li>
                    {% endfor %}
                </ul>
            </div>
            <div class="news hot_news">
                <h2>相关文章</h2>
                <ul class="news_list">
                    {% for data in result.related_articles %}
                        <li title="{{ data.title }}">
                            <span class="index">{{ forloop.counter }}</span>
                            <a target="_blank" href="{{ result.host }}/app/article/{{ data.id }}.html"
                               class="title">{{ data.title }}</a>
                            <span class="date">{{ data.add_time|date:"Y-m-d H:i:s" }}</span>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        </div>
</main>
<!--底部栏-->
{% include 'footer.html' %}

<script type="text/javascript" src="/static/js/jquery-latest.min.js"></script><!--jquery.js-->
<script src="/static/js/myPagination.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/js/fastClick.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/js/common.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(function () {
        FastClick.attach(document.body);
    });
    new Page({
        id: 'pageBox',
        pageTotal: Math.ceil({{ result.listTotal }} / 10),
        pageAmount: 10,  //每页多少条
        dataTotal: {{ result.listTotal }}, //总共多少条数据
        curPage:{{ result.page }}, //初始页码,不填默认为1
        pageSize: 10, //分页个数,不填默认为5
        showPageTotalFlag: true, //是否显示数据统计,不填默认不显示
        showSkipInputFlag: false, //是否支持跳转,不填默认不显示
        getPage: function (currentPage) {
            //获取当前页数
            console.log(currentPage);
            {% if result.search_data %}
                location.href = '{{ result.host }}/app/article/page_' + currentPage + '/search_data/{{ result.search_data }}'
            {% else %}
                location.href = '{{ result.host }}/app/article/page_' + currentPage
            {% endif %}
        }
    })
        $('.news .tab_menu_list li').click(function () {
            var index = $(this).index();
            $(this).addClass('active').siblings().removeClass('active');
            $('.news .tab_cont_list > li').eq(index).addClass('active').siblings().removeClass('active');
        })
</script>
<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
<script type="text/javascript">
    var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");
    document.write(unescape("%3Cspan id='cnzz_stat_icon_1276342387'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s96.cnzz.com/z_stat.php%3Fid%3D1276342387%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
</script>
</body>
</html>
